<section class="vbox">
	<section class="row">
		<section class="col-sm-3 scrollable" style="height: 100%;">
			<directoryTree type="systemDataDict" @clickFun="treeClickFun"></directoryTree>
		</section>
		<section class="col-sm-9" style="height: 100%;">
			<section class="vbox">
				<section class="scrollable w-f">
					<el-table :data="data.list" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange">
						<el-table-column type="selection" width="45"></el-table-column>
						<el-table-column type="expand">
							<template slot-scope="props">
								<div class="form-horizontal">
									<div class="form-group" v-for="item in tableFields">
										<label class="col-lg-2 control-label">{{item.name}}</label>
										<div class="col-lg-10">
											<p class="form-control-static">{{props.row[item.field]}}</p>
										</div>
									</div>
								</div>
							</template>
						</el-table-column>
						<el-table-column prop="name" label="名称"></el-table-column>
						<el-table-column prop="keyName" label="键值"></el-table-column>
						<el-table-column prop="content" label="内容" show-overflow-tooltip></el-table-column>
						<el-table-column prop="serialNumber" label="序号"></el-table-column>
						<el-table-column prop="description" label="描述"></el-table-column>
						<el-table-column prop="createDate" label="添加日期" width="140"></el-table-column>
					</el-table>
				</section>
				<footer class="text-center">
					<paging :pagingParams="data" @clickFun="queryList"></paging>
				</footer>
			</section>
		</section>
	</section>
</section>